<!DOCTYPE html>
<html>

<head>
    <title>操作首页</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <script src="../web/js/jquery-3.2.1.min.js"></script>
    <script src="../web/js/bootstrap.min.js"></script>
    <style>
        th {
            text-align: center;
        }
    </style>
</head>

<body>
    <!-- 顶栏 -->
    <div class="container-fluid" id="top">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav"
                    aria-expanded="false">
                    <span class="sr-only"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a style="font-weight: bold;" class="navbar-brand" href="#">银行柜台作业系统<small>——你好，Alice！</small></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-envelope"></span>&nbsp;消息</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>&nbsp;退出系统</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <!-- 中间主体 -->
    <div class="container-fluid">
        <div id="nav" class="col-md-2 list-group" style="text-align:center">
            <a href="index.html" class="list-group-item">操作首页</a>
            <a href="./show.html" class="list-group-item">用户管理</a>
            <a href="edit.html" class="list-group-item">银行卡管理</a>
            <a href="common.html" class="list-group-item">常规业务办理</a>
            <a href="login.html" class="list-group-item">退出系统</a>
        </div>

        <div class="col-md-10">
            <div class="container">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <div class="row">
                            <h1 class="col-md-4">用户信息管理</h1>
                            <div class="col-md-5" style="margin-top: 26px;">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="请输入查询" name="search">
                                    <span class="input-group-addon btn" id="sub"><input style="border: 0;" type="submit"
                                            value="搜索"></span>
                                </div>
                            </div>
                            <button class="btn btn-success col-md-offset-1 col-md-2" style="margin-top: 26px"
                                onClick="void(0)">
                                添加用户信息
                                <sapn class="glyphicon glyphicon-plus"/>
                            </button>
                        </div>
                    </div>
                    <table class="table table-bordered table-striped table-hover" style="text-align: center;">
                        <thead>
                            <tr>
                                <th>学号</th>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>角色</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1001</td>
                                <td>Alice</td>
                                <td>19938001234</td>
                                <td>管理员</td>
                                <td>
                                    <button class="btn btn-default btn-xs btn-info" onClick="void(0)">修改</button>
                                    <button class="btn btn-default btn-xs btn-danger"
                                        onClick="deleteById(1);">删除</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="panel-footer">
                    </div>
                </div>
            </div>
        </div>

        <script>
            $("#nav a:nth-child(2)").addClass("active");
        </script>
</body>

</html>